<link rel="stylesheet" href="../../dist/css/info.min.css">

<div class="information border">
    <h2>账户信息</h2>
    <div class="information_inner">
        <div class="info_top d-flex flex-row border-bottom">
            <div class="portrait border"><span class="iconfont icon-touxiang"></span></div>
            <div class="user">
                <p>昵&emsp;称：<span class="nickname"></span></p>
                <p>用户名：<span class="username"></span></p>
                <p>邮&emsp;箱：<span class="email"></span></p>
                <p>注册时间：<span class="regtime"></span></p>
                <p>最后登录时间：<span class="lastlogintime"></span></p>
            </div>
        </div>
        <div class="info_bottom">
            <div class="row count_cash">
                <div class="col-sm">
                    总金额：<span class="totalmoney"></span>元
                </div>
                <div class="col-sm">
                    可用金额：<span class="usablemoney"></span>元
                </div>
                <div class="col-sm">
                    冻结金额：<span class="blockedmoney"></span>元
                </div>
            </div>
            <div class="account">
                <a href="#personal/recharge">账户充值</a>
                <a href="#">账户提现</a>
            </div>
            <div class="row about_auth">
                <div class="col-sm">
                    <div class="d-flex flex-row">
                        <div><img src="../../dist/imgs/shiming.png" alt=""></div>
                        <div class="intro">
                            <h3>实名认证</h3>
                            <p>未认证 <a href="#">马上认证</a></p>
                        </div>
                    </div>
                    <p>实名认证之后才能在平台投资</p>
                </div>
                <div class="col-sm">
                    <div class="d-flex flex-row">
                        <div><img src="../../dist/imgs/shouji.jpg" alt=""></div>
                        <div class="intro">
                            <h3>手机认证</h3>
                            <p>已认证 <a href="#">查看</a></p>
                        </div>
                    </div>
                    <p>可以收到系统操作信息,并增加使用安全性</p>
                </div>
                <div class="col-sm">
                    <div class="d-flex flex-row">
                        <div><img src="../../dist/imgs/youxiang.jpg" alt=""></div>
                        <div class="intro">
                            <h3>邮箱认证</h3>
                            <p>已认证 <a href="#">查看</a></p>
                        </div>
                    </div>
                    <p>实名认证之后才能在平台投资</p>
                </div>
            </div>
            <div class="row vip">
                <div class="col">
                    <div class="d-flex flex-row">
                        <div><img src="../../dist/imgs/baozhan.jpg" alt=""></div>
                        <div class="intro">
                            <h3>VIP会员</h3>
                            <p>普通用户 <a href="#">查看</a></p>
                        </div>
                    </div>
                    <p>VIP会员，让你更快捷的投资</p>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="../../03-js/info.js"></script>